﻿
@{
    ViewBag.Title = "Contact";
}

<div id="content">
    <!-- #content -->
    <!-- SECTION START TOPBAR -->
    <section id="topbar">
        <div class="container">
            <div class="row">
                <!-- .row start -->
                <div class="col-md-6">
                    <!-- col-md-6 start here -->
                    <h1>Contact Us</h1>
                </div>
                <!-- col-md-6 end here -->
                <div class="col-md-6 text-right">
                    <!-- col-md-6 start here -->
                    <ul class="breadcrumb">
                        <li>
                            <a href="index.html">Home</a>
                        </li>
                        <li>
                            <a href="#">Pages</a>
                        </li>
                        <li class="active">Contact Us</li>
                    </ul>
                </div>
                <!-- col-md-6 end here -->
            </div>
            <!-- / .row -->
        </div>
    </section>
    <!-- SECTION END -->
    <!-- SECTION START MAP -->
    <section class="fullscreen-map">
        <div id="gmap" style="width:100%;height:300px;"></div>
    </section>
    <!-- SECTION END -->
    <!-- SECTION START CONTACT -->
    <section class="white-bg pt30 pb30">
        <div class="container">
            <!-- .container -->
            <div class="row">
                <!-- .row start -->
                <div class="col-md-6">
                    <!-- col-md-6 start here -->
                    <div class="heading mt30 mb30">
                        <h3>Send us Email</h3>
                    </div>
                    <form class="form-horizontal" role="form">
                        <div class="form-group">
                            <div class="col-lg-12">
                                <div class="row">
                                    <!-- Start .row -->
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                        <input type="text" class="form-control" placeholder="Name">
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                        <input type="email" class="form-control" placeholder="Email">
                                    </div>
                                </div>
                                <!-- End .row -->
                            </div>
                        </div>
                        <!-- End .form-group  -->
                        <div class="form-group">
                            <div class="col-lg-12">
                                <div class="row">
                                    <!-- Start .row -->
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                        <input type="text" class="form-control" placeholder="Phone">
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                        <input type="text" class="form-control" placeholder="Subject">
                                    </div>
                                </div>
                                <!-- End .row -->
                            </div>
                        </div>
                        <!-- End .form-group  -->
                        <div class="form-group">
                            <div class="col-lg-12">
                                <textarea class="form-control" name="textarea" id="textarea" rows="3" placeholder="Your text"></textarea>
                            </div>
                        </div>
                        <!-- End .form-group  -->
                        <div class="form-group">
                            <div class="col-lg-12">
                                <div class="row">
                                    <!-- Start .row -->
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                        <button type="submit" class="btn btn-default btn-lg">Send Email</button>
                                    </div>
                                </div>
                                <!-- End .row -->
                            </div>
                        </div>
                        <!-- End .form-group  -->
                    </form>
                </div>
                <!-- col-md-6 end here -->
                <div class="col-md-6 mt20">
                    <!-- col-md-6 start here -->
                    <div class="row service-panel style2">
                        <!-- .row start -->
                        <div class="col-md-6 col-sm-6">
                            <!-- col-md-6 start here -->
                            <div class="service-panel-heading">
                                <i class="l-basic-geolocalize-01 color-red"></i>
                                <h4>Our Head Office</h4>
                            </div>
                            <div class="service-panel-content">
                                <p>Spain, Barcelona</p>
                            </div>
                        </div>
                        <!-- col-md-6 end here -->
                        <div class="col-md-6 col-sm-6">
                            <!-- col-md-6 start here -->
                            <div class="service-panel-heading">
                                <i class="l-basic-smartphone color-red"></i>
                                <h4>Call us</h4>
                            </div>
                            <div class="service-panel-content">
                                <p>044 / 5654 4874</p>
                            </div>
                        </div>
                        <!-- col-md-6 end here -->
                        <div class="col-md-6 col-sm-6">
                            <!-- col-md-6 start here -->
                            <div class="service-panel-heading">
                                <i class="l-basic-clock color-red"></i>
                                <h4>Business Hours</h4>
                            </div>
                            <div class="service-panel-content">
                                <p class="mb0"><strong>Weekday:</strong> 8am to 6pm</p>
                                <p><strong>Sunday:</strong> closed</p>
                            </div>
                        </div>
                        <!-- col-md-6 end here -->
                        <div class="col-md-6 col-sm-6">
                            <!-- col-md-6 start here -->
                            <div class="service-panel-heading">
                                <i class="l-basic-message color-red"></i>
                                <h4>Fast response</h4>
                            </div>
                            <div class="service-panel-content">
                                <p class="mb0">We reply fast</p>
                                <p>within 12 hours</p>
                            </div>
                        </div>
                        <!-- col-md-6 end here -->
                    </div>
                    <!-- / .row -->
                </div>
                <!-- col-md-6 end here -->
            </div>
            <!-- / .row -->
        </div>
        <!-- / .container -->
    </section>
    <!-- SECTION END -->
</div>
<!-- / #content -->
@section JavascriptSection{
<script src="~/js/pages/contact.js"></script>

}

